<template>
    <!--<div class="video">
      <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <video src="https://www.bilibili.com/video/av14936967?from=search&seid=13711059849280569660"></video>
          </div>
        </div>
      </div>



    </div>-->
  <div class="knowus">
    <iframe style="width: 100%;height:700px" src="https://www.bilibili.com/video/av14936967?from=search&seid=13711059849280569660" frameborder="0"></iframe>
    <div class="sport container ">

      <h1 style="height: 50px">sport</h1>
      <table>
        <tr style="padding: 5px">
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>


        </tr>
      </table>
      <h1 style="height: 50px">music</h1>
      <table>
        <tr style="padding: 5px">
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>


        </tr>
      </table>
      <h1 style="height: 50px">scene</h1>
      <table>
        <tr style="padding: 5px">
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>
          <th><img style="height: 30%;" src="../../assets/body.jpg" alt=""></th>


        </tr>
      </table>



    </div>

  </div>


</template>

<script>
    export default {
        name: "knowus"
    }
</script>

<style scoped>

</style>
